@import "../../../css/global";

.main-bg {
  background:#FFFFFF;
}

.main {
  & > div {
    padding: 0 .32rem;
  }
  .title {
    width: 100%;
    margin-top: .32rem;
    margin-bottom: .2rem;
    font-size: .44rem;
    color: rgba(34, 34, 34, 1);
    line-height: .60rem;
  }

  .img {
    width: 100%;
    height: 3.86rem;
    margin: .32rem 0;
    border-radius: .08rem;
  }

  .date {
    height: .26rem;
    font-size: .26rem;
    color: rgba(140, 140, 140, 1);
    line-height: .26rem;
  }

  .icon {
    width: .36rem;
    height: .36rem;
    background: url("../../../img/ic_list_eye.png") center no-repeat;
    background-size: contain;
  }

  .click {
    height: .26rem;
    margin-left: .12rem;
    font-size: .26rem;
    color: rgba(140, 140, 140, 1);
    line-height: .26rem;
  }
}

.footer {
  height: .88rem;
  .collection {
    height: .88rem;
    background: rgba(255, 255, 255, 1);
    .icon {
      width: .42rem;
      height: .42rem;
      background: url("../../../img/star-o.png") center no-repeat;
      background-size: contain;
      margin-bottom: 0;
    }
    &.selected {
      .icon {
        background: url("../../../img/star-f.png") center no-repeat;
        background-size: contain;
      }
    }
  }
  .share {
    height: .88rem;
    background: rgba(255, 255, 255, 1);
    .icon {
      width: .4rem;
      height: .4rem;
      background: url("../../../img/shareto.png") center no-repeat;
      background-size: contain;
      margin-bottom: 0;
    }
  }
  .font {
    height: .88rem;
    background: rgba(255, 255, 255, 1);
    .icon {
      width: .44rem;
      height: .44rem;
      background: url("../../../img/font-size.png") center no-repeat;
      background-size: contain;
      margin-bottom: 0;
    }
  }
  border-top: .02rem solid lightgrey;
  button {
    height: .88rem;
    background: rgba(250, 48, 45, 1);
    border-radius: .44rem;
    font-size: .34rem;
    margin: .15rem;
  }
}

.shareBar{
  display:none;
  position:fixed;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  span{
    margin-top: .1rem;
    font-size: .26rem;
    color:black;
  }
  .mui-icon-weixin{
    width: .8rem;
    height: .8rem;
    background: url('../../../img/wx.png') center no-repeat;
    background-size: contain;
  }
  .mui-icon-pengyouquan{
    width: .8rem;
    height: .8rem;
    background: url('../../../img/pyq.png') center no-repeat;
    background-size: contain;
  }
  .mui-icon-qq{
    width: .8rem;
    height: .8rem;
    background: url('../../../img/qq.png') center no-repeat;
    background-size: contain;
  }
}